<template>
  <svg
    class="yindu-icon"
    viewBox="0 0 40 40"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
  >
    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
      <g transform="translate(-1619.000000, -99.000000)" fill="#323232">
        <g id="编组" transform="translate(1619.000000, 99.000000)">
          <path
            d="M20,2.5 C10.35,2.5 2.5,10.35 2.5,20 C2.5,29.65 10.35,37.5 20,37.5 C29.65,37.5 37.5,29.65 37.5,20 C37.5,10.35 29.65,2.5 20,2.5 M20,40 C8.9725,40 0,31.0275 0,20 C0,8.9725 8.9725,0 20,0 C31.0275,0 40,8.9725 40,20 C40,31.0275 31.0275,40 20,40"
          ></path>
          <path
            d="M20,8.125 C16.55375,8.125 13.75,10.92875 13.75,14.375 C13.75,17.82125 16.55375,20.625 20,20.625 C23.44625,20.625 26.25,17.82125 26.25,14.375 C26.25,10.92875 23.44625,8.125 20,8.125 M20,23.125 C15.17625,23.125 11.25,19.2 11.25,14.375 C11.25,9.55 15.17625,5.625 20,5.625 C24.82375,5.625 28.75,9.55 28.75,14.375 C28.75,19.2 24.82375,23.125 20,23.125"
          ></path>
          <path
            d="M7.58425,33.711 L5.473,32.3735 C8.648,27.36475 14.078,24.37475 20.0005,24.37475 C25.923,24.37475 31.353,27.36475 34.52675,32.3735 L32.41425,33.711 C29.70175,29.431 25.0605,26.87475 20.0005,26.87475 C14.93925,26.87475 10.298,29.431 7.58425,33.711"
          ></path>
        </g>
      </g>
    </g>
  </svg>
</template>

<script setup lang="ts">
type Props = {
  fill?: string;
};

const props = withDefaults(defineProps<Props>(), {
  fill: "#323232",
});

const fillColor = computed(() => {
  return props.fill;
});
</script>
<style scoped lang="less">
.yindu-icon {
  & path,
  & polygon {
    fill: v-bind(fillColor);
  }
}
</style>
